<template>
  <div :style="{
    fontSize: fontSize ,
    lineHeight: lineHeight,
    height: fullHeight ? '100%': 'auto'
  }" class="auto-textarea-wrapper">
    <pre :style="{
           fontSize: fontSize ,
           lineHeight: lineHeight,
           minHeight: fullHeight ? '100%': 'auto'
         }"
         class="auto-textarea-block"><br />{{temp_value}}</pre>
    <textarea class="auto-textarea-input"
              :class="{'no-border': !border , 'no-resize': !resize}"
              ref="vTextarea"
              :autofocus="s_autofocus"
              @keyup="change"
              spellcheck="false"
              :placeholder="placeholder"
              v-model="temp_value"
              :style="{
                fontSize: fontSize ,
                lineHeight: lineHeight
              }">
      </textarea>
  </div>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
